.task_cell {
  padding-top: 35px;
}
.task_bg {
  height: 285px;
  background-image: url("../img/tabbar/tabbar_home/task_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 20px;
  position: relative;
  .head_bg {
    top: -35px;
    left: 0;
    width: 100%;
    position: absolute;
    .head {
      width: 100px;
      height: 100px;
      border: 5px solid #ffffff;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto;
    }
  }
}
.tt_info {
  .txt1 {
    font-size: 14px;
    color: #00285e;
    font-weight: bold;
  }
  .txt2 {
    font-size: 14px;
    color: #00285e;
  }
  .txt_bg {
    height: 26px;
    display: flex;
    align-items: center;
    .txt_cell {
      width: 50%;
      display: flex;
      align-items: center;
    }
  }
  .price1 {
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0px;
    font-weight: bold;
    color: #f76a1a;
  }
  .price2 {
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0px;
    font-weight: bold;
    color: #4065e0;
  }
  .symbol {
    font-size: 12px;
  }
}
.task_btn {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  .task_button {
    height: 30px;
    width: 100px;
    background-color: #4065e0;
    border-radius: 17px;
    a {
      color: #fff;
      font-size: 14px;
    }
  }
}
